html, body{
 margin:0;
 padding:0}

html *{
 outline:none}

hr{
 clear:both;
 border-top:0;
 border-bottom:1px solid transparent;
 color:transparent;
 visibility:hidden;
 height:0}

p{
 margin:5px 0;
 padding:0
}

a{
 color:#555}

a:hover{
 color:#ED8005}

.help{
 cursor:help;
 border-bottom:1px dotted #aaa}

body{
 font:14px Tahoma,Arial,Verdana,Geneva,Helvetica,"Bitstream Vera Sans",sans-serif;
 background:url(fond_degrade.png) 0 200px repeat-x #51799f;
 color:#555;
 text-align:center}

.taille{
 width:950px;
 margin:auto;
 text-align:left}

#header{
 min-width:950px;
 height:200px;
 background:url(header.png) top center #222}

#header a.title{
 position:relative; top:25px;
 display:block;
 width:510px;
 height:104px;
 background:url(title.png) no-repeat}

#header a.title span{display:none}

#footer{
 min-width:950px;
 height:125px;
 background:url(footer.png) top center #222;
 font-size:11px;
 color:#666}

#menu{
 float:right;
 margin-right:20px;
 position:relative; top:92px}

#menu a {
 margin-left:20px;
 padding:10px 8px 0 0;

 color:#CCC;
 text-decoration:none;
 font-size:150%;
 font-variant:small-caps;

 border-right:1px solid #CCC;
 text-shadow:1px 1px 1px #444}

#menu a:hover{
 color:#f4901b;
 border-color:#f4901b}

#ariane{
 float:right;
 margin:12px 45px 0 0;
 font-size:80%}

#container{}

#container .padding{
 position:relative;
 top:-40px;
 padding:0 5px}

#page-top{
 height:72px;
 background:url(page-top.png) top center;
 position:relative; top:40px}

#page-center{
 min-height:650px;
 background:url(page.png) top center;
 position:relative; top:14px;
 padding:0 25px }

#page-bottom{
 height:42px;
 background:url(page-bottom.png) top center;
 position:relative; top:14px;

 margin-bottom:10px}

h1{
 margin:0;
 padding-bottom:20px;
 font-size:170%;
 font-variant:small-caps;
 font-weight:bold;
 text-shadow:1px 1px 1px #AAA;
 color:#448}

h2{
 margin:20px 10px 5px 10px;
 padding-bottom:5px;
 font-size:120%;
 font-style:oblique;
 text-decoration:underline}

.center{
 text-align:center}

.right{
 text-align:right}

ul.tab{
 list-style:none;
 padding:0;
 margin:0}

ul.tab li{
 float:left}

ul.tab li{
 cursor:pointer;
 background:#08adff;
 background:-moz-linear-gradient(90deg,#0459b7,#08adff);
 background:-webkit-gradient(linear,left top,left bottom,from(#08adff),to(#0459b7));
 border:1px solid #093c75;
 border-radius:3px 3px 0 0;
 -moz-border-radius:3px 3px 0 0;
 -webkit-border-radius:3px 3px 0 0;
 padding:5px 0;
 margin:0 10px 0 0}

ul.tab li.selected{
 cursor:default;
 background:#f5f5f5;
 background:-moz-linear-gradient(90deg,#f5f5f5,#fff);
 background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#f5f5f5));
 border-color:#093c75;
 border-bottom:0;
 padding-top:6px}

ul.tab li:hover{
 background:#0459b7;
 background:-moz-linear-gradient(90deg,#067cd3,#0bcdff);
 background:-webkit-gradient(linear,left top,left bottom,from(#0bcdff),to(#067cd3));
 border-color:#093c75}

ul.tab li.selected:hover{
 background:#f5f5f5;
 background:-moz-linear-gradient(90deg,#f5f5f5,#fff);
 background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#f5f5f5))}

ul.tab li:active{
 background:#ccc;
 background:-moz-linear-gradient(90deg,#0bcdff,#067cd3);
 background:-webkit-gradient(linear,left top,left bottom,from(#067cd3),to(#0bcdff));
 border-color:#093c75;
 outline:none}

ul.tab li.selected:active{
 cursor:default;
 background:#f5f5f5;
 background:-moz-linear-gradient(90deg,#f5f5f5,#fff);
 background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#f5f5f5));
 border-color:#093c75}

ul.tab li a{
 color:white;
 text-decoration:none;
 text-shadow:0 1px 1px #555;
 font-weight:bold;
 padding:4px 15px}

ul.tab li.selected a{
 cursor:default;
 color:#093c75;
 text-shadow:0 1px 1px #fff}

ul.tab li.sans{
 background:none;
 border:0;
 cursor:text;
 padding-left:5px;

 font-size:10px;
 position:relative; top:3px; color:#777}

.frametab{
 margin:18px 10px 0 10px;
 padding:5px 10px;
 border:1px solid #093C75;
 border-radius:0 0 3px 3px;
 -moz-border-radius:0 0 3px 3px;
 -webkit-border-radius:0 0 3px 3px}

a.icon_prec{
font-weight:bold;
display:block;
display:inline-block;
background:url(icon/prec.png) 0 0 no-repeat;
margin-top:60px;
padding-left:26px;
text-decoration:none; 
}

a.icon_prec:hover{
background-position:0 -19px;
}